Resizing images and other elements

You can visually resize elements such as images, plugins, Shockwave or Flash movies, applets, or ActiveX controls in Dreamweaver's Document window. Visual resizing helps you determine how an element impacts the layout at different dimensions.

Resizing resets the WIDTH and HEIGHT attributes of the element. The file size of the element does not change.

Flash movies and other vector-based elements are fully scaleable and do not lose quality as you resize them.

Bitmap elements such as GIF, JPEG, and PNG images may become coarse or distorted if you reset their WIDTH and HEIGHT attributes. It is recommended that you visually resize these elements in Dreamweaver only to determine the layout. Once you have determined the ideal size for your image, edit the file in an image-editing application. Editing the image may also reduce its file size, and thus the time it takes to download.

1 Select the element (for example, an image or Shockwave movie) in the Document window.
Resize handles appear at the bottom and right sides of the element, and in the bottom right corner. If no resize handles appear, other elements are selected in addition to the element you want to resize. Click away from the element and select it again, or use the tag selector at the bottom of the Document window to select the element.
2 Resize the element:
Drag the right side selection handle to adjust the width of the element.
Drag the bottom selection handle to adjust the height of the element.
Drag the corner selection handle to adjust both the width and the height of the element at the same time.
Shift-drag the corner selection handle to preserve the element's aspect ratio (its width:height) as you adjust its dimensions.

Elements can be visually resized to a minimum of 6 pixels by 6 pixels. To adjust the width and height of an element to a smaller size (for example, 1 pixel by 1 pixel), use the Property inspector.

To return a resized element to its original dimensions, click the W and H labels in the Property inspector.